@import "../../assets/less/var.less";
.index_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
    .bg_main;
    .content_box{
        width: 100%;
        margin-bottom: 60px;
        // 头部导航图片
        .banner_box{
            max-height: 400px;
            img{
                width: 100%;
            }
        }
        // 公告
        .notice_box{
            background: white;
            margin: 10px 8px;
            padding: 14px 4px;
            .fs24;
            .title_{
                .text_{
                    .fs_blue;
                }
                .line_{
                    .fs_gray;
                }
            }
            .detail_{
                .fs_gray;
                flex: 1;
            }
            .right_{
                .fs_gray;
            }
        }
        // 公共头部
        .title_box{
            background: white;
            padding: 15px 12px;
            justify-content: space-between;
            margin-bottom: 3px;
            .title_{
                .fs28;
                .fs_main;
            }
            .more_{
                .fs24;
                .fs_gray;
            }
        }
        // 热门新车+热门二手车
        .hot_new_car_box ,.hot_second_car_box{
            .detail_box{
                width: calc(~'100% - 24px');
                margin: auto;
                flex-wrap: wrap;
                .detail_{
                    background: white;
                    width: 33%;
                    padding: 13px 8px;
                    margin-bottom: 1.5px;
                    img{
                        width: 100%;
                    }
                    .info_box{
                        padding: 20px 10px;
                        text-align: center;
                        .des_,.price_{
                            .fs28;
                        }
                        .price_{
                            .fs_red;
                            margin-top:5px; 
                        }
                    }
                }
                .margin_{
                    margin:0.3%;
                }
            }
        }
        // 最新更新
        .new_update_box{
            .detail_box{
                .detail_{
                    padding: 10px 12px;
                    background: white;
                    margin-bottom: 1px;
                    img{
                        width: 100%;
                    }
                    .info_box{
                        padding: 14px 0 7.5px;
                        .name_{
                            color: black;
                            .fs28;
                        }
                        .des_{
                            .fs_gray6;
                            .fs24;
                            margin: 7px 0 12px;
                        }
                        .price_{
                            .fs_red;
                            .fs28;
                        }
                    }
                }
            }
        }
        // 大大质保
        .quality_promise_box{
            .detail_box{
                width: 100%;
                padding: 33px 12px;
                background: white;
                .detail_{
                    flex: 1;
                    img{
                        width: 100%;
                    }
                }
                .detail_:nth-child(2){
                    margin: 0 13px;
                }
            }
        }
    }
    // 底部
    .footer_box{
        width: 100%;
        background: white;
        padding: 6px;
        .detail_{
            width: 25%;
            text-align: center;
            .fs_gray8;
            .fs24;
            i{
                .fs_footer_icon;
                display: block;
            }
        }
        .detail_.detail_active{
            .fs_active;
        }
    }
}